<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml" layout:decorate="~{layout/template}">
<head>
    <title>新增</title>
    <link rel="stylesheet" href="/plugins/jquery-cron-0.1.4.1/cron/jquery-cron.css"/>
    <link rel="stylesheet" href="/plugins/jquery-cron-0.1.4.1/gentleSelect/jquery-gentleSelect.css"/>
    <link rel="stylesheet" href="/css/system/job/add.css"/>
</head>
<body>
<div id="contentContainer" layout:fragment="content" class="contentContainer navItem" v-cloak>

<el-row>
    <el-col :span="12" :offset="6">
    <el-form :model="form" :rules="rules" ref="form" label-width="100px">
        <el-form-item label="bean名称" prop="beanName">
            <el-input v-model="form.beanName"></el-input>
        </el-form-item>
        <el-form-item label="方法名称" prop="methodName">
            <el-input v-model="form.methodName"></el-input>
        </el-form-item>
        <el-form-item label="方法参数" prop="methodParams">
            <el-input v-model="form.methodParams"></el-input>
        </el-form-item>
        <el-form-item label="cron表达式" prop="cronExpression">
            <div id='cronSelector'></div>
            <el-input v-model="form.cronExpression"></el-input>
        </el-form-item>
        <el-form-item label="状态" prop="jobStatus">
            <el-radio-group v-model="form.jobStatus">
                <el-radio :label="1">正常</el-radio>
                <el-radio :label="0">暂停</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="备注" prop="remark">
            <el-input type="textarea" :rows="3" v-model="form.remark"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="submitForm('form')">立即创建</el-button>
            <el-button @click="resetForm('form')">重置</el-button>
        </el-form-item>
    </el-form>
    </el-col>
</el-row>

</div>

<th:block layout:fragment="staticFile">
    <script src="/plugins/jquery-cron-0.1.4.1/cron/jquery-cron.js"></script>
    <script src="/plugins/jquery-cron-0.1.4.1/gentleSelect/jquery-gentleSelect.js"></script>
    <script src="/js/system/job/add.js"></script>
</th:block>

</body>
</html>